<template>
  <div class="app-container">
    <el-tabs v-model="activeName"  @tab-click="handleClick" type="border-card">
      <el-tab-pane label="工单类型" name="workOrderType">
        <work-order-type ref="orderTypeRefs" v-if="activeName=='workOrderType'" />
      </el-tab-pane>
      <el-tab-pane label="报修项目" name="repairProject">
        <repair-project ref="projectRefs" v-if="activeName=='repairProject'" />
      </el-tab-pane>
      <!--<el-tab-pane label="付款方式" name="payment_method">-->
        <!--<custom-dict-data v-if="activeName==='payment_method'" :dictType="activeName"/>-->
      <!--</el-tab-pane>-->
    </el-tabs>
  </div>
</template>

<script>
  import RepairProject from "../repairProject"
  import WorkOrderType from "../workOrderType"
  export default {
    name: "WorkOrderFit",
    components:{ RepairProject,WorkOrderType },
    data() {
      return {
        activeName: 'workOrderType'
      };
    },
    created() {
      this.activeName = this.$route.query.activeName||'workOrderType'
    },
    methods: {
      handleClick(tab, event) {

      }
    }
  };
</script>
